import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/store'
// 轮播图组件
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
// 样式引入
import './assets/css-reset.css'
import './assets/iconFont/iconfont.css'
import './assets/border.css' // 解决移动端一像素边框
// 解决300ms移动端延迟
import FastClick from 'fastclick'

FastClick.attach(document.body)

Vue.use(VueAwesomeSwiper) // 使用轮播图插件

Vue.config.productionTip = false
// 每一个vue 应用都是通过实例化Vue
new Vue({
  // 注入路由
  router,
  // 注入store
  store,
  // 渲染模板
  render: h => h(App),
  //  $mount vue实例的挂载点
}).$mount('#app')

/**
 *    MVVM : 三个部分：model， view  viewModel
 *  Model：数据部分   对应前端的js对象
 *   view： 视图部分 对应前端DOM,
 * viewModel ：连接数据和视图的中间者，在MVVM框架中视图和数据不能直接通信，通过ViewModel中间者来通信  当数据变化视图自动花花  视图变化数据也自动变化
 *
 * Vue.js的核心思想：  组件化和数据驱动
 *
 *
 */
